<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div id="contentDiv" onmouseover="getTop().stopPropagation(event);"
     style="position:relative;font-size:14px;height:auto;padding:15px 15px 10px 15px;z-index:1;zoom:1;line-height:1.7;"
     class="body">
    <div id="qm_con_body">
        <div id="mailContentContainer" class="qmbox qm_con_body_content qqmail_webmail_only" style="opacity: 1;">
            <style>
                .qmbox * {
                    margin: 0;
                    padding: 0;
                }

                .qmbox html, .qmbox
                body {
                    height: 100vh;
                    width: 100vw;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                }

                .qmbox .app {
                    margin: 60px auto;
                    width: 800px;
                    box-shadow: 0px 0px 8px 2px #ccc;
                }

                .qmbox .app .logowider {
                    height: 80px;
                    padding: 0 20px;
                    background-color: #e4effa;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    /* background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201132.01%20400%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%239bcff6%3B%7D.cls-2%7Bfill%3A%2300a2ea%3B%7D.cls-3%7Bfill%3A%23fdb64e%3B%7D.cls-4%7Bfill%3A%23ffd48f%3B%7D.cls-5%7Bfill%3A%2378a870%3B%7D.cls-6%7Bfill%3A%234a7d25%3B%7D.cls-7%7Bfill%3Anone%3B%7D.cls-8%7Bfont-size%3A132px%3Bfont-family%3ABCSSC-Bold%3Bfont-weight%3A700%3Bletter-spacing%3A0.07em%3B%7D.cls-9%7Bfont-size%3A100px%3Bfont-family%3AYouYuan%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22%E5%9B%BE%E5%B1%82_1%22%20data-name%3D%22%E5%9B%BE%E5%B1%82%201%22%3E%3Cpath%20d%3D%22M178.37%2C367.65c8.83-4%2C17.67-7.92%2C26.5-11.91l285.7-128.85%2C21.7-9.76a18%2C18%2C0%2C0%2C1%2C2.55-.91%2C4.25%2C4.25%2C0%2C0%2C1%2C4.72%2C1.51%2C4.43%2C4.43%2C0%2C0%2C1%2C.67%2C5.2%2C12.7%2C12.7%2C0%2C0%2C1-2%2C2.66q-9%2C9.34-18%2C18.6L436%2C310.57l-71.89%2C74.32Q346%2C403.64%2C327.83%2C422.31q-2.43%2C2.54-4.83%2C5.11a7.73%2C7.73%2C0%2C0%2C1-8.58%2C2.25c-4.06-1.3-8.07-2.74-12.09-4.13q-61.75-21.39-123.54-42.76a24.22%2C24.22%2C0%2C0%2C1-5.68-2.86A10.18%2C10.18%2C0%2C0%2C1%2C171%2C378a4%2C4%2C0%2C0%2C1-.33-5C172.07%2C370.76%2C177.69%2C367.93%2C178.37%2C367.65Zm8.19%2C7.08.05.37c1.3.47%2C2.59%2C1%2C3.89%2C1.42l37.72%2C13Q270.6%2C404.19%2C313%2C418.91c2.47.87%2C4.34.57%2C6.13-1.46%2C2.56-2.92%2C5.33-5.67%2C8-8.46q5.56-5.73%2C11.2-11.39a8.54%2C8.54%2C0%2C0%2C0%2C2.87-6.52%2C20.49%2C20.49%2C0%2C0%2C0-.22-2.71c-1.12-8.44-2.28-16.88-3.37-25.33-1-7.29-1.79-14.58-2.67-21.87q-1.53-12.29-3.1-24.56c-.29-2.26-.61-4.52-.94-7ZM490.24%2C239.65c-.21-.83-.59-.94-1.23-.67-1.56.67-3.19%2C1.18-4.74%2C1.87l-129.7%2C58.67q-5.52%2C2.5-11%2C5.08c-2%2C.93-2.5%2C1.88-2.33%2C4a6.88%2C6.88%2C0%2C0%2C0%2C.11.95c.59%2C4.59%2C1.19%2C9.18%2C1.77%2C13.78q1.18%2C9.33%2C2.35%2C18.7l2.12%2C17.11c.76%2C6.18%2C1.5%2C12.36%2C2.3%2C18.54.24%2C1.87.67%2C3.71%2C1.06%2C5.9Z%22%20transform%3D%22translate(-151.5%20-184.5)%22%2F%3E%3Cpath%20d%3D%22M325.73%2C434.36a8.65%2C8.65%2C0%2C0%2C1%2C2.6-6c2.18-2.34%2C4.4-4.67%2C6.61-6.95l180.27-189c1.58-1.66%2C3.18-3.3%2C4.78-4.95l.22-.23c2.75-2.72%2C5.33-2.47%2C7.61.67a5.41%2C5.41%2C0%2C0%2C1%2C1.09%2C4.27c-1.58%2C11.17-3%2C22.37-4.49%2C33.56q-2%2C15.28-4%2C30.58-1.84%2C14.1-3.71%2C28.19c-1.22%2C9.29-2.41%2C18.59-3.64%2C27.87-1.1%2C8.34-2.24%2C16.67-3.33%2C25q-1.51%2C11.24-3%2C22.48c-1%2C7.5-2%2C15-3.05%2C22.48L501%2C442.17c-1%2C7.6-2.06%2C15.2-3.07%2C22.8-.36%2C2.67-.73%2C5.39-.92%2C8.1a16.23%2C16.23%2C0%2C0%2C0%2C.47%2C3.6c.12.63.42%2C1.22.53%2C1.84a3.21%2C3.21%2C0%2C0%2C1-.95%2C3.23%2C27.53%2C27.53%2C0%2C0%2C1-4.05%2C2.8%2C3.32%2C3.32%2C0%2C0%2C1-3.77-.28%2C25.14%2C25.14%2C0%2C0%2C0-9.18-3.93c-9.85-2.52-19.68-5.11-29.51-7.68L357%2C448.13l-24.4-6.4a10%2C10%2C0%2C0%2C1-5-2.75A6.7%2C6.7%2C0%2C0%2C1%2C325.73%2C434.36Zm175.88-72.81c-2.58-.09-4.92-.19-7.24-.24q-8.79-.18-17.58-.32L438%2C360.33c-4.37-.08-8.73-.19-13.11-.27-4.66-.08-9.37-.12-14.06-.21a7.18%2C7.18%2C0%2C0%2C0-5.45%2C2.22l-1.11%2C1.16Q391.6%2C376.48%2C379%2C389.73l-39.54%2C41.38c-.49.52-1%2C1.06-1.54%2C1.7.67.23%2C1.14.4%2C1.6.52l31.94%2C8.32%2C81.18%2C21.27%2C32.56%2C8.52c.54.14%2C1.09.2%2C1.78.32C491.85%2C435%2C496.74%2C398.35%2C501.61%2C361.55Zm-84.54-11.9c1%2C.08%2C1.88.19%2C2.73.2q6.79.16%2C13.57.28l43.34.76c7.77.15%2C15.54.34%2C23.33.52%2C2.57.06%2C3.33-.59%2C3.64-2.94.77-6.23%2C1.61-12.46%2C2.43-18.66s1.61-12.25%2C2.42-18.37l2.7-20.42q1.34-10.12%2C2.66-20.26%2C1.65-12.19%2C3.3-24.37a7.43%2C7.43%2C0%2C0%2C0-.08-1.25C515.91%2C245.82%2C419%2C347.19%2C417.07%2C349.65Z%22%20transform%3D%22translate(-151.5%20-184.5)%22%2F%3E%3Cpath%20d%3D%22M320.35%2C447.68a6.75%2C6.75%2C0%2C0%2C1%2C1.47-4.29%2C4.82%2C4.82%2C0%2C0%2C1%2C5.56-1.66c6.77%2C2.23%2C13.51%2C4.57%2C20.32%2C6.67%2C9.85%2C3.07%2C19.75%2C6%2C29.62%2C9a19.36%2C19.36%2C0%2C0%2C1%2C3%2C1.08c3.07%2C1.52%2C4%2C4.34%2C2.38%2C7.33A15.73%2C15.73%2C0%2C0%2C1%2C381%2C468.3q-20.38%2C25.14-40.8%2C50.26c-2.59%2C3.18-5.17%2C6.37-7.77%2C9.54a14%2C14%2C0%2C0%2C1-2%2C2.08%2C4.8%2C4.8%2C0%2C0%2C1-6.76-.63%2C4.74%2C4.74%2C0%2C0%2C1-1-2.09%2C17.73%2C17.73%2C0%2C0%2C1-.33-3.33q-.42-25.1-.8-50.18c-.1-6.28-.21-12.56-.4-18.85-.06-2.12-.39-4.23-.61-6.35C320.46%2C448.38%2C320.39%2C448%2C320.35%2C447.68ZM369.79%2C466l-37.72-11v20.13l4.82-.52c4.44-.45%2C8.88-.92%2C13.34-1.33%2C3.6-.34%2C7.2-.6%2C10.8-.95%2C1.48-.14%2C3-.19%2C4.26-1.14a23.32%2C23.32%2C0%2C0%2C0%2C4.5-5.21Z%22%20transform%3D%22translate(-151.5%20-184.5)%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M186.56%2C374.71l144.3-65.06c.33%2C2.44.67%2C4.66.93%2C7q1.56%2C12.27%2C3.11%2C24.56c.91%2C7.29%2C1.75%2C14.58%2C2.67%2C21.87%2C1.08%2C8.45%2C2.25%2C16.89%2C3.37%2C25.33.12.9.18%2C1.8.21%2C2.71a8.61%2C8.61%2C0%2C0%2C1-2.86%2C6.52q-5.64%2C5.67-11.2%2C11.39c-2.72%2C2.79-5.47%2C5.54-8%2C8.46-1.78%2C2-3.65%2C2.33-6.12%2C1.46q-42.35-14.75-84.74-29.39-18.85-6.52-37.72-13c-1.3-.45-2.6-.95-3.89-1.42Z%22%20transform%3D%22translate(-151.5%20-184.5)%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M490.24%2C239.65l-139.33%2C144c-.4-2.19-.82-4-1.06-5.9-.8-6.18-1.54-12.36-2.3-18.54l-2.12-17.11q-1.17-9.35-2.35-18.7c-.58-4.6-1.18-9.19-1.77-13.78%2C0-.32-.09-.63-.11-.95-.17-2.16.36-3.11%2C2.33-4q5.5-2.58%2C11-5.08l129.7-58.67c1.55-.66%2C3.18-1.22%2C4.74-1.87C489.65%2C238.71%2C490%2C238.82%2C490.24%2C239.65Z%22%20transform%3D%22translate(-151.5%20-184.5)%22%2F%3E%3Cpath%20class%3D%22cls-3%22%20d%3D%22M501.61%2C361.55c-4.89%2C36.8-9.76%2C73.4-14.67%2C110.23-.67-.12-1.24-.18-1.77-.32q-16.29-4.24-32.57-8.52l-81.15-21.29-31.94-8.37c-.46-.12-.9-.29-1.6-.51.58-.67%2C1-1.19%2C1.54-1.71L379%2C389.69q12.66-13.24%2C25.24-26.51l1.11-1.15a7.19%2C7.19%2C0%2C0%2C1%2C5.45-2.23c4.67.09%2C9.38.13%2C14.06.21%2C4.38.08%2C8.74.19%2C13.11.27l38.83.67%2C17.58.32Z%22%20transform%3D%22translate(-151.5%20-184.5)%22%2F%3E%3Cpath%20class%3D%22cls-4%22%20d%3D%22M417.07%2C349.65c1.88-2.47%2C98.84-103.84%2C100-104.53a7.43%2C7.43%2C0%2C0%2C1%2C.08%2C1.25q-1.65%2C12.18-3.3%2C24.37-1.33%2C10.13-2.66%2C20.26l-2.7%2C20.42q-1.22%2C9.19-2.42%2C18.37c-.82%2C6.22-1.66%2C12.45-2.43%2C18.66-.29%2C2.35-1.07%2C3-3.64%2C2.94-7.77-.18-15.55-.37-23.33-.52q-21.66-.39-43.34-.76-6.78-.12-13.57-.28A25.57%2C25.57%2C0%2C0%2C1%2C417.07%2C349.65Z%22%20transform%3D%22translate(-151.5%20-184.5)%22%2F%3E%3Cpath%20class%3D%22cls-5%22%20d%3D%22M369.79%2C466a23.21%2C23.21%2C0%2C0%2C1-4.54%2C5.19c-1.22%2C1-2.78%2C1-4.26%2C1.15-3.6.35-7.2.61-10.8.95-4.44.42-8.88.89-13.34%2C1.33l-4.82.52V455Z%22%20transform%3D%22translate(-151.5%20-184.5)%22%2F%3E%3Cpolygon%20class%3D%22cls-6%22%20points%3D%22180.69%20300.38%20180.69%20327.79%20207.08%20297.22%20180.69%20300.38%22%2F%3E%3Crect%20class%3D%22cls-7%22%20width%3D%22400%22%20height%3D%22400%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22%E5%9B%BE%E5%B1%82_2%22%20data-name%3D%22%E5%9B%BE%E5%B1%82%202%22%3E%3Ctext%20class%3D%22cls-8%22%20transform%3D%22translate(431.5%20159.5)%22%3E%3Ctspan%20xml%3Aspace%3D%22preserve%22%3EEcho%20Lab%20%20%3C%2Ftspan%3E%3C%2Ftext%3E%3Ctext%20class%3D%22cls-9%22%20transform%3D%22translate(488.5%20300.5)%22%3E%E5%9B%9E%E5%A3%B0%E5%AE%9E%E9%AA%8C%E5%AE%A4%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fsvg%3E");
                    background-repeat: no-repeat;
                    background-size: auto 60px;
                    background-position: center center; */
                }

                .qmbox .app .logowider .logo {
                    height: 60px;
                }

                .qmbox .app .main {
                    padding: 0 60px;
                    margin-bottom: 40px;
                }

                .qmbox .app .main .title {
                    padding: 30px 0;
                    padding-top: 50px;
                    font-size: 40px;
                    text-align: center;
                    color: #4f7ba5;
                }

                .qmbox .app .main .content .hello {
                    font-size: 18px;
                }

                .qmbox .app .main .content .hello .name {
                    font-weight: 700;
                    font-size: 20px;
                    color: #2a3153;
                }

                .qmbox .app .main .content .text {
                    margin: 20px 40px;
                    line-height: 30px;
                }

                .qmbox .app .main .content .footer {
                    line-height: 30px;
                    padding-left: 20px;
                    border-left: 4px solid #818ab4;
                }

                .qmbox .app .main .content .footer .group {
                    font-weight: 700;
                }
            </style>


            <div class="app">
                <div class="main">
                    <h1 class="title">Epoch实验室招新意向书</h1>
                    <div class="content">
                        <p class="hello">
                            亲爱的
                            <span class="name" th:text="${name}"></span>
                            同学：
                        </p>
                        <div class="text">
                            <p>跨越山海，终于找到最优秀的你！</p>
                            <p>
                                恭喜你以出色的表现通过了所有面试，现在我们非常荣幸地邀请你加入Echo大家庭。
                            </p>
                            <p>实验室管理员将在两个工作日内联系您进一步流程，敬请期待！</p>
                        </div>
                        <div class="footer">
                            <p class="group">Epoch招新团队</p>
                            <p class="time" th:text="${date}"></p>
                        </div>
                    </div>
                </div>
                <div class="logowider">
                    <img src="../static/epcho.jpg" class="logo">
                    <h1>Epoch Lab</h1>
                </div>
            </div>

            <style type="text/css">.qmbox style, .qmbox script, .qmbox head, .qmbox link, .qmbox meta {
                display: none !important;
            }</style>
        </div>
    </div><!-- -->
    <style>#mailContentContainer .txt {
        height: auto;
    }</style>
</div>
<script>
</script>
</div>
</body>
</html>